<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<%
			String path = request.getContextPath();
			String basePath = request.getScheme() + "://"
					+ request.getServerName() + ":" + request.getServerPort()
					+ path + "/";
		%>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title>专家领域表 </title>
		<!-- ********** -->
		
	    <link type="text/css" href="/ag/css/dialog/jquery.ui.all.css"
			rel="stylesheet" />
		<script type="text/javascript" src="/ag/js/dialog/jquery-1.4.2.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.bgiframe-2.1.1.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.core.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.widget.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.mouse.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.button.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.draggable.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.position.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.resizable.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.dialog.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.effects.core.js"></script>
		<!-- customer -->
		<script type="text/javascript" src="/ag/zlw/js/expert_area.js"></script>
		<script type="text/javascript" src="/ag/dgm/js/button.js"></script>
		<style type="text/css">
body {
	font-size: 62.5%;
}

label,input {
	display: block;
}

input.text {
	margin-bottom: 12px;
	width: 95%;
	padding: .4em;
}

fieldset {
	padding: 0;
	border: 0;
	margin-top: 25px;
}

h1 {
	font-size: 1.2em;
	margin: .6em 0;
}

div#users-contain {
	width: 350px;
	margin: 20px 0;
}

div#users-contain table {
	margin: 1em 0;
	border-collapse: collapse;
	width: 100%;
}

div#users-contain table td,div#users-contain table th {
	border: 1px solid #eee;
	padding: .6em 10px;
	text-align: left;
}

.ui-dialog .ui-state-error {
	padding: .3em;
}

.validateTips {
	border: 0px solid transparent;
	padding: 0.3em;
}

textarea {
	margin-bottom: 12px;
	width: 95%;
	padding: .4em;
}
table{
	font-size:16px;
}

</style>
</head>
	 <body>
  <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr height="30">
    <td height="30">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15" height="30"><img src="/ag/tab/images/tab_03.gif" width="15" height="30" /></td>
        <td width="1108" background="/ag/tab/images/tab_05.gif"><img src="/ag/tab/images/311.gif" width="16" height="16" /><span class="STYLE4">专家领域表 </span></td>
        <td align="center" width="280" background="/ag/tab/images/tab_05.gif"><button id="create-user" class="add" style="width: 50px; height: 25px; border: 0px none; background: url(&quot;/ag/zrt/images/add_mouseout.gif&quot;) repeat scroll 0% 0% transparent;"/></button></td>
         <td align="center" width="280" background="/ag/tab/images/tab_05.gif"><button  class="return" style="width: 50px; height: 25px; border: 0px none; background: url(&quot;/ag/zrt/images/return_mouseout.gif&quot;) repeat scroll 0% 0% transparent;"/></button></td>
        <td width="14" ><img src="/ag/tab/images/tab_07.gif" width="14" height="30" /></td>
      </tr>
    </table>
		</td>
			</tr>
			<tr>
				<td>
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="9" background="/ag/tab/images/tab_12.gif">
								&nbsp;
							</td>
							<td bgcolor="#dceffd">
								<table width="99%" border="0" align="center" cellpadding="0"
									cellspacing="1" bgcolor="#84b1d3">
									<tr>
										<td width="20%" height="18"
											background="/ag/tab/images/tab_14.gif" class="STYLE1">
											<div align="center" class="STYLE2 STYLE1">
												专家领域名 
											</div>
										</td>
										<td width="7%" height="18"
											background="/ag/tab/images/tab_14.gif" class="STYLE1">
											<div align="center" class="STYLE2">
												编辑
											</div>
										</td>
										<td width="7%" height="18"
											background="/ag/tab/images/tab_14.gif" class="STYLE1">
											<div align="center" class="STYLE2">
												删除
											</div>
										</td>
									</tr>

									<c:forEach var='uuu' items='${ExpertAreaList}'
										varStatus='status'>
										<tr class="list">
											<td height="18" bgcolor="#FFFFFF" class="id_"
												style="display: none">
												${uuu.expareaId}
											</td>
											<td height="18" bgcolor="#FFFFFF" class="name_" align="center">
												${uuu.expareaName}
											</td>								
											<td height="18" bgcolor="#FFFFFF" align="center">
												<button
													style="width: 50px; height: 25px; border: 0px none; background: url(&quot;/ag/zrt/images/modify_mouseout.gif&quot;) repeat scroll 0% 0% transparent;"
													class="modify"></button>
											</td>
											<td height="18" bgcolor="#FFFFFF" align="center">
												<button
													style="width: 50px; height: 25px; border: 0px none; background: url(&quot;/ag/zrt/images/delete_mouseout.gif&quot;) repeat scroll 0% 0% transparent;"
													class="delete" name="0001"></button>
											</td>
										</tr>
									</c:forEach>

								</table>
							</td>
							<td width="9" background="/ag/tab/images/tab_16.gif">
								&nbsp;
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td height="29">
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td>
								<img src="/ag/tab/images/tab_20.gif" width="15" />
							</td>
							<td width="100%" background="/ag/tab/images/tab_21.gif"></td>
							<td>
								<img src="/ag/tab/images/tab_22.gif" />
							</td>

						</tr>
					</table>
				</td>
			</tr>
		</table>



		<div class="demo" style="display:none">
			<div id="dialog-form" title="专家领域增加">
				<p class="validateTips">
					名字长度必须在 1 和 50之间.
				</p>
				<form>
					<fieldset>
				    <label for="name">
						专家领域名 
					</label>
					<textarea name="name_add" value="" id="name"
						class="text ui-widget-content ui-corner-all" rows="4"></textarea>	
					</fieldset>
				</form>
			</div>
			
		<div id="confirmUI_add" title="确定增加？">
		</div>



		<div id="confirmUI_delete" title="确定删除？">
			<input type="text" name="id_delete" style="display: none" />
			<%--  //这个是用来存id的]--%>
		</div>

		<div id="confirmUI_modify" title="确定修改？">

		</div>



		<div id="dialog-form-modify" title="专家领域修改">
			<p class="validateTips">
				名字长度必须在 1 和 50之间.
			</p>
			<form>
				<fieldset>
					<input type="text" name="id_modify" style="display: none" />  
					<label for="name">
						专家领域名 
					</label>
					<textarea name="name_modify" value="" id="name"
						class="text ui-widget-content ui-corner-all" rows="4"></textarea>	
				</fieldset>
			</form>
		</div>
		<div name='alert' title='返回'>
			<p name='alert'></p>
			<form>
			</form>
		</div>
  </div>
</body>
</html>